<!--
 * @Descripttion: 
 * @version: 
 * @Author: 高月飞
 * @Date: 2023-11-22 19:50:23
 * @LastEditors: 高月飞
 * @LastEditTime: 2023-11-22 21:37:21
-->
<template>
    <el-table :data="payStore.$state.paymesinfo.paymessage" style="width: 100%">
        <el-table-column prop="id" label="期数" />
        <el-table-column prop="PlannedPaymentTime" label="计划回款时间" />
        <el-table-column prop="PaymentMethod" label="回款方式" />
        <el-table-column prop="ReturnRatio" label="回款金额" />
        <el-table-column prop="RefundAmount" label="回款比例" />
        <el-table-column prop="PaymentInformation" label="提醒时间" />
        <el-table-column prop="reminderstate" label="状态" />
        <el-table-column prop="payPeople" label="还款人" />
        <el-table-column prop="payDay" label="逾期天数" />
        <el-table-column prop="payRemark" label="备注" />
    </el-table>
</template>
  
<script lang="ts" setup>
import { ref, onMounted } from 'vue';
import usePayStore from '@/stores/paymes'; // Update the path

const payStore = usePayStore();
</script>
  
<style>
.el-table .warning-row {
    --el-table-tr-bg-color: var(--el-color-warning-light-9);
}

.el-table .success-row {
    --el-table-tr-bg-color: var(--el-color-success-light-9);
}
</style>
